<template>
  <div class="blacklist-box">
    <div class="chat-radio">
      <el-radio v-model="tabRadio" label="blackChat">访客黑名单</el-radio>
      <el-radio v-model="tabRadio" label="blackIp">IP地址段黑名单</el-radio>
    </div>
    <blackListChat v-if='tabRadio === "blackChat"'></blackListChat>
    <blackListIp v-if='tabRadio === "blackIp"'></blackListIp>
  </div>
</template>
<script>
  import blackListChat from './blackListChat.vue'
  import blackListIp from './blackIP.vue'
  export default {
    name: 'blackList',
    data () {
      return {
        tabRadio: 'blackChat'
      }
    },
    methods: {
    },
    beforeMount () {
    },
    components: {
      blackListChat,
      blackListIp
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
  .chat-radio
    padding 20px
</style>
